<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>财富</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="css/wealth.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="plugins/icon/iconfont.css">
    <!-- <link href="plugins/aui-20170109-v2/css/aui.css" rel="stylesheet" type="text/css"> -->
</head>
<body>
<!--开始头部-->
    <header>
        <!--标题-->
        <div class="title-box">
            <h3>财富</h3>
            <img src="img/cai01.png">
        </div>
        <!--资产-->
        <div class="assets-box">
            <div class="assets-left">
                <p><span>总资产(元)<img src="img/cai02.png">保障中</span></p>
                <p>3,943.58</p>
                <div class="cover-box">****</div>
            </div>
            <div class="assets-right">
                <p><span>昨日收益</span><span id="view"></span><span id="according"></span></p>
                <p>3.14<img src="img/cai03.png"></p>
                <div class="cover-box">****</div>
            </div>
        </div>
    </header>
<!--结束头部-->
<!--开始余额宝部分-->
    <section>
        <div class="financial-box">
            <div class="balance-of">
                <img src="img/cai05.png">
                <span>余额宝</span>
                <span class="financial-span">能赚又能花</span>
            </div>
            <div class="regular-basis">
                <img src="img/cai06.png">
                <span>定期</span>
                <span class="financial-span">稳健理财</span>
            </div>
        </div>
        <div class="financial-box">
            <div class="balance-of">
                <img src="img/cai07.png">
                <span>基金</span>
                <span class="financial-span">60秒读懂基金</span>
            </div>
            <div class="regular-basis">
                <img src="img/cai07.png">
                <span>黄金</span>
                <span class="financial-span">昨日收益0.00</span>
            </div>
        </div>
    </section>
<!--结束余额宝部分-->
    <div class="separated"></div>
<!--开始页面主体-->
    <main>
        <!--合适你的理财服务-->
        <div class="main-div">
            <div class="hi-name">
                <p>Hi, 杨大力<span>选择标签，享受懂你的理财服务</span>
                    <img src="img/cai08.png" alt="">
                    <img src="img/cai09.png" alt=""style="width: 0.8rem">
                </p>
            </div>
            <div class="appropriate">
                <div><span>合适你的理财服务</span></div>
                <div><a href="#none">更多<img src="img/right.png"></a></div>
            </div>
            <ul class="optional-box">
                <li class="optional-li">
                    <img src="img/cai11.png">
                    <p>自选基金</p>
                    <p>涨跌随时看</p>
                </li>
                <li class="optional-li">
                    <img src="img/cai12.png">
                    <p>嘉有财女</p>
                    <p>美女主播疗理财</p>
                </li>
                <li class="optional-li">
                    <img src="img/cai13.png">
                    <p>投基兵法</p>
                    <p>投资基金小计策</p>
                </li>
            </ul>
        </div>
        <div class="separated"></div>
        <!--为你优选-->
        <div class="main-div">
            <div class="appropriate">
                <div><span>为你优选</span></div>
                <div><a href="#none">更多<img src="img/right.png"></a></div>
            </div>
            <div class="investment-box">
                <div class="inv-left">
                    <p>+19.04%</p>
                    <p>近一年涨跌幅</p>
                </div>
                <div class="inv-right">
                    <p>投资以人为本</p>
                    <p>基金 | 交银行优势行业混合</p>
                </div>
            </div>
            <div class="investment-box">
                <div class="inv-left">
                    <p>4.7050%</p>
                    <p>七月年化</p>
                </div>
                <div class="inv-right">
                    <p>月度投资神器<span class="steady">稳</span></p>
                    <p>基金 | 交银行优势行业混合</p>
                </div>
            </div>
        </div>
        <div class="separated"></div>
        <ul class="earnings-box">
            <li class="earnings">
                <div><img src="img/cai14.png"></div>
                <div>
                    <p>稳健收益</p>
                    <p>期限活 收益稳</p>
                </div>
            </li>
            <li class="earnings">
                <div><img src="img/cai15.png"></div>
                <div>
                    <p>浮动收益</p>
                    <p>知热点 选好基</p>
                </div>
            </li>
        </ul>
        <div class="separated"></div>
        <div class="main-div">
            <div class="appropriate">
                <div><span>精选财富号</span></div>
                <div><a href="#none">更多<img src="img/right.png"></a></div>
            </div>
            <div>

            </div>
        </div>
    </main>
<!--结束页面主体-->
<!--开始页脚-->
    <footer>
        <ul class="foo-tab-box">
			
            <li class="foo-tab">
				<a href="index.html" style="color: #2d2b2b; font-size:1rem;"><i class="iconfont" style="font-size: 25px">&#xe621;</i>
				<div class="aui-grid-label" style="font-size: 1.45rem;margin-top: 9px;">首页</div></a>
                <!-- <img src="img/footer_logo1.png" title="首页">
                <p>首页</p> -->
            </li>
            <li class="foo-tab">
				
				<a href="wealth-page.html" style="color:#0062cc;font-size:1rem;"><i class="iconfont" style="font-size: 25px">&#xe606;</i>
				<div class="aui-grid-label" style="font-size: 1.45rem;margin-top: 9px;">理财</div></a>
                <!-- <img src="img/footer_logo2.png" title="财富">
                <p>财富</p> -->
            </li>
            <li class="foo-tab">
                <a href="myWordMouth.html" style="color: #2d2b2b; font-size:1rem;"><i class="iconfont" style="font-size: 25px">&#xe600;</i>
                <div class="aui-grid-label" style="font-size: 1.45rem;margin-top: 9px;">口碑</div></a>
            </li>
            <li class="foo-tab">
                <a href="friend.html" style="color: #2d2b2b; font-size:1rem;"><i class="iconfont" style="font-size: 25px">&#xe603;</i>
                <div class="aui-grid-label" style="font-size: 1.45rem;margin-top: 9px;">朋友</div></a>
            </li>
            <li class="foo-tab">
               <a href="my2.html" style="color: #2d2b2b; font-size:1rem;"><i class="iconfont" style="font-size: 25px">&#xe622;</i>
               <div class="aui-grid-label" style="font-size: 1.45rem;margin-top: 9px;">我的</div></a>
            </li>
        </ul>
    </footer>
<!--结束页脚-->
    <script src="jquery/jquery.min.js"></script>
    <script type="text/javascript" src="jquery/wealth-jquery.js"></script>
	
	<script>
		
		
		
	</script>
	
	
</body>
</html>